<template>
  <view class="flex items-center bg-[#F4F4F4] " :class="customClass">
    <text class="bg-primary text-white  h-full flex items-center px-2 rounded-tl-3 rounded-br-3 " :class="leftClass">{{
      levelName }}</text>
    <text class=" text-base ml-[20rpx]" :class="rightClass">会员折扣价：￥{{ price }}</text>
  </view>
</template>

<script setup>
defineProps({
  price: {
    type: [String, Number],
    default: '0.00'
  },
  leftClass: {
    type: String,
    default: 'text-[22rpx]'
  },
  rightClass: {
    type: String,
    default: 'text-xs'
  },
  customClass: {
    type: String,
    default: 'h-[40rpx]'
  },
  levelName: {
    type: String,
    default: ''
  }
});
</script>

<style lang="scss" scoped></style>
